﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wfModifyAgentDjackPwd.aspx.cs" Inherits="msBsc.WebUi.wMall.Public.wfModifyAgentDjackPwd" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>修改密码</title>
    <link href="/jqPlugin/SelectSimu/css/base.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sLayout.css" rel="stylesheet" />
    <style type="text/css">
        .viewPC_head {
            border-bottom: none !important;
        }

        .viewPC {
            width: 1200px;
            display: table;
            margin: auto;
            border: 1px solid #e5e5e5;
            border-top: 3px solid #3398dc;
        }

        .password_box {
            margin: 0 auto;
            min-height: 600px;
            width: 1200px;
        }

        .password {
            font-size: 14px;
        }

        .flowsteps {
            height: 48px;
            margin: 44px auto 16px;
            width: 1036px;
        }

            .flowsteps ol {
                margin: 0;
                overflow: hidden;
                padding: 0;
            }

            .flowsteps .num4 li {
                width: 25%;
                background: url("/themes/wStyle1/Images/Public1/nodone.png") repeat-x scroll 0 13px rgba(0, 0, 0, 0);
                color: #8b8b8b;
                display: inline;
                float: left;
                font-family: "微软雅黑","黑体","华文细黑";
                font-size: 14px;
                height: 48px;
                line-height: 23px;
                list-style: outside none none;
                position: relative;
            }

                .flowsteps .num4 li span {
                    float: left;
                    width: auto;
                    position: absolute;
                    right: 0px;
                    left: 0px;
                }

                    .flowsteps .num4 li span i {
                        background: url("/themes/wStyle1/Images/Public1/nocurrent.png") no-repeat;
                        color: #fff;
                        display: block;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: bold;
                        height: 30px;
                        line-height: 30px;
                        text-align: center;
                        width: 30px;
                        margin: auto;
                    }


                    .flowsteps .num4 li span em {
                        display: block;
                        text-align: center;
                        color: #999;
                    }

                .flowsteps .num4 li.done {
                    background: url("/themes/wStyle1/Images/Public1/done.png") repeat-x scroll 0 13px rgba(0, 0, 0, 0);
                }

                    .flowsteps .num4 li.done span i {
                        background: url("/themes/wStyle1/Images/Public1/done-fk.png") no-repeat;
                    }

                .flowsteps .num4 li.current {
                    background: url("/themes/wStyle1/Images/Public1/current_l.png") repeat-x scroll 0 13px rgba(0, 0, 0, 0);
                }

                    .flowsteps .num4 li.current span i {
                        background: url("/themes/wStyle1/Images/Public1/current.png") no-repeat;
                    }

        .kv_item {
            margin-top: 30px;
            text-align: left;
            display: table;
        }

            .kv_item .kv_label {
                width: 200px;
                float: left;
                text-align: right;
                height: 34px;
                line-height: 34px;
            }

                .kv_item .kv_label span {
                    margin-right: 20px;
                    font-family: 微软雅黑;
                    font-size: 14px;
                    color: #999;
                }

            .kv_item .kv_content {
                float: left;
                width: 1000px;
                height: 34px;
                position: relative;
            }

                .kv_item .kv_content .i_text {
                    height: 32px;
                    line-height: 32px;
                    border: 1px solid #bcbcbc;
                    width: 305px;
                }

                .kv_item .kv_content .i_textshort {
                    height: 32px;
                    line-height: 32px;
                    border: 1px solid #bcbcbc;
                    width: 235px;
                    float: left;
                }

                .kv_item .kv_content .img_validata {
                    float: left;
                    height: 34px;
                    width: 65px;
                    margin-left: 5px;
                }

                    .kv_item .kv_content .img_validata img {
                        width: 65px;
                        height: 34px;
                    }

                .kv_item .kv_content .place_holder {
                    color: #999;
                    display: inline;
                    left: 5px;
                    line-height: 32px;
                    position: absolute;
                    top: 0px;
                }

            .kv_item .btn {
                margin-left: 200px;
                width: 305px;
                height: 34px;
                border: none;
                background: #1692cd;
                text-align: center;
                color: #fff;
                line-height: 34px;
                font-family: 微软雅黑;
                font-size: 18px;
                cursor: pointer;
            }

            .kv_item .r_img {
                float: left;
                width: 522px;
                height: 110px;
                text-align: right;
            }

                .kv_item .r_img img {
                    width: 110px;
                    height: 110px;
                }

            .kv_item .r_txt {
                float: left;
                width: 635px;
                height: 110px;
                font-size: 24px;
                color: #999;
                padding-left: 43px;
                vertical-align: middle;
            }

                .kv_item .r_txt .r_txt_first {
                    margin-top: 6px;
                }

                .kv_item .r_txt .r_txt_a {
                    color: #1692cd;
                    font-size: 14px;
                }
    </style>
</head>
<body>
    <%=msBsc.WebUi.Code.QtHtmlGet.GetHeader("修改密码") %>
    <div class="viewPC">
        <div class="password_box">
            <div id="change" class="kv_list">
                <div class="kv_item">
                    <div class="kv_label">
                        <span>新密码:</span>
                    </div>
                    <div class="kv_content">
                        <input id="J_userpwd_input" class="i_text" type="password" value="" name="accountName" />
                    </div>
                </div>
                <div class="kv_item">
                    <div class="kv_label">
                        <span>确认新密码:</span>
                    </div>
                    <div class="kv_content">
                        <input id="J_userOkPwd_input" class="i_text" type="password" value="" name="accountName" />
                    </div>
                </div>
                <div class="kv_item">
                    <button class="btn" type="button" onclick="changePassword()">确认修改</button>
                </div>
            </div>
        </div>
    </div>

    <%=msBsc.WebUi.Code.QtHtmlGet.GetFloorHtml() %>
    <!--start JS引用-->
    <script src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
    <script src="/jqPlugin/js/jBase.js"></script>
    <script src="/jqPlugin/js/jBPage.js"></script>
    <script src="/jqPlugin/js/laytpl.js"></script>
    <script src="/jqPlugin/SelectSimu/js/SelectSimu.js"></script>
    <script src="/themes/wStyle1/js/comm/jsLayout.js"></script>
    <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
    <script type="text/javascript">
        function changePassword() {
            var password = $("#J_userpwd_input").val();
            if (!vfcPassword(password)) {
                return;
            }
            var okPassword = $("#J_userOkPwd_input").val();
            if (!vfcOkPassword(password, okPassword)) {
                return;
            }
            var opart = new jsonRow();
            opart.AddCell("ACTION", "doChangePassword");
            opart.AddCell("password", password);
            ajaxComm(opart);
        }

        //验证密码
        function vfcPassword(Password) {
            if (IsNull(Password)) {
                alert("密码不能为空!");
                return false;
            }
            if (!isStr(Password)) {
                alert("密码只能是数字和字母组合!");
                return false;
            }
            if (!islength(Password, 6, 16)) {
                alert("密码长度只能在6~16为之间!");
                return false;
            }
            return true;
        }

        //验证确认密码
        function vfcOkPassword(Password, ComfirPassword) {
            if (IsNull(ComfirPassword)) {
                alert("确认密码不能为空！");
                return false;
            }
            if (Password != ComfirPassword) {
                alert("两次密码不一致!");
                return false;
            }
            return true;
        }
    </script>
    <!--end JS引用-->

</body>
</html>
